#electronjs designer

[izicodes]

I've been itching to dive into something totally new and outside of my usual web dev comfort zone! After brainstorming for a while, I finally landed on a brilliant new project idea: building my very own desktop widget~! 

Now, full disclosure—I have zero idea where to even start when it comes to programming a widget, but that’s where the fun comes in, right? I’m all about learning new things (I have an addiction to studying so…)~!

In this post however, I’ll be sharing my initial ideas for the widget and brainstorming what tech stack might bring this amazing idea to life~! 

Prior knowledge on desktop widgets?

All I know is that they stick to the desktop area and some even always in front of the other windows. That’s all I know!

Widget Idea

So, the project idea I’ve chosen is something simple, just so I can get used to making widgets: a notepad. But, it’s not just any plain notepad widget—it’s going to have an aesthetic color scheme! (I know, pretty cool, right?) I really wanted to keep things basic for this first project.

The inspiration actually came from a Pinterest pin that I saved. I think the design is originally from a color palette generator website, but I want to take that concept and turn it into an actual desktop widget. Thus this project was born!

Tech Stack

Alright, I lied—I'm not entirely stepping out of my comfort zone for this one! I'll be using ReactJS, a technology I’m super comfortable with and absolutely love. But to keep things fresh and challenging, I’m diving into something new as well!

After researching (thank you, ChatGPT, Google, and YouTube), I found out there are plenty of ways to build a desktop application, or in this case, a widget. You can go with WinForms, WPF, Tauri (Rust), Qt, and others. But I wanted to stick closer to JavaScript—specifically something I could pair with ReactJS. So, ElectronJS seemed like the best fit.

For this project, my tech stack will be:

ReactJS (JavaScript)

ElectronJS (JavaScript)

SCSS (for those extra styling powers)

HTML (obviously)

Visual Studio Code (with a lovely brown theme 🧸)

Toward the end of the project, I’ll also explore how to package the widget so people can download and install it on their own computers, and how to store the notes locally!

Finally

As I post this I am going to start the project so I will soon post updates! (This is where I fail…!)

[iceelindia]

Electron JS Development Services Company India, Electron JS Development

A trusted and honoured Electron App Development company right at your doorstep. Electron is the perfect desktop app development framework. Use Astec's top Electron development services to create your desktop application.

Electron JS Development Company

Frontend Development

Angular.js Development

React.JS Development

Node.Js Development

Vue.js Development

Electron JS Development Services for startups. Pure web agency builds cross-platform desktop apps and provides Electron JS Consulting services.  If you are looking to build an application that is super-fast, scalable, and real-time, Node.js is the answer. ElectronJS represents NodeJS application written in JavaScript with an additional layer to access native Mac, Windows, and Linux API. Build your amazing desktop apps with a Top Electron Development Company.

ICEEL at providing first solutions for web and app development, we provide the below services for long-term relationship:

• Satisfaction guaranteed.

• On-Time Delivery.

• Award-winning services.

• 24-7 customer support.

• Website Maintenance Support.

• Import Export Management Courses

[buffalopanic]

Design Breakdown

I think the simplest breakdown of the design is three panels: nav panel, main panel & support panel. Each panel will be its own Vue component and an item in a flex container.

The nav panel will house the the main navigation. For the most part, it’ll be static except for adding/removing pinned boards. The support panel will be mainly for any kind of quick edit functions. The main panel will be well, the main panel. It’ll contain the image collection, the board collection, the image detail views and board collection.

[alexcorsmeier1-blog]

Alexander Corsmeier Phone, Address, & Email Records

Alex Corsmeier is a 29 12 months vintage net engineer, systems architect, and video manufacturer focusing on multimedia at the internet. A trouble-solver and out-of-the-field thinker, he's going to discover answers on your particular industrial agency wishes even as following present day amazing practices and challenge requirements.

Alex runs a network of websites and manages the complete infrastructure for his business. Owns a groundbreaking open source task called ClipNuke Server it really is a content material distribution platform for man or woman models/producers for Windows OS.

Alex currently lives in Tampa, Florida but can tackle customers and projects from around the world way to the power of the net.

Alex’s contemporary motive is to become a YouTuber and has been working tough on his channel to accumulate his subscriber matter variety. Making the whole thing from track, vlogs, and podcasts to tutorials.

Email alex.Corsmeier@gmailon your free session regarding your project or internet site. You will gather a reply internal 24 hours. You can also contact Alex thru social media.

Skills

Web Design

Collaborates with customers to take designs from concept and rework it into code.

Assertively uses intuitive UI/UX to offer customers with a exquisite browsing experience.

Creates responsive apps which appearance incredible at some stage in a widespread kind of gadgets inclusive of pc, cellphone, and drugs.

 Web Development

10 years of enjoy with WordPress. Theme customization and custom plugin development.

Intimate experience with on-location servers, VPS, and cloud services.

Ability to mix zero.33-celebration APIs into an app.

 Video Production

Owns a home studio with all the device needed to produce notable HD films. Lighting, expert-grade video virtual digicam, and software program application.

Expert video editor with 6 years of experience in Adobe Premiere Pro.

Produced over seven-hundred HD brief movies during a 6 12 months period.

 Technical

1.       XHTML/CSS

2.       PHP

3.       Javascript

4.       Jquery

5.       Node.Js

6.       Linux

7.       Amazon Web Services

8.       WordPress

9.       Adobe Premiere Pro

10.   Adobe After Effects

11.   Adobe Photoshop

Experience

PixByRich(2019-2020) – Web format representative and search engine marketing.

ClipNuke(2017-gift) – Owner and lead software program engineer for the SaaS system. Hand coded the open supply computer app for Windows OS the use of ElectronJS. Customized the WordPress situation.

MissGiaLove(2018) – Web fashion designer, and facts access technician. Digitized and imported the catalog of merchandise. Sat component-with the resource of-thing along the purchaser making design modifications on-the-fly. Created the whole internet website in less than eight hours.

University of Cincinnati (2009) – Worked on a custom utility and database for educators and college college students.

ElCoyoteCincy(2009) – Created a brand new HTML/CSS template for their internet site.

ButterbeesGrill(2009) – Consulted for difficulty changes in WordPress as requested with the aid of manner of the consumer and added the modifications. Created a small coupon app with PHP.

GEPLTD(2009) – Alex Corsmeier executed records get entry to by means of manner of remodeling a catalog of products into WordPress. Worked on severa layout changes as requested via using the customer.

 Education

University of Cincinnati – Clermont (Cincinnati, OH)

Pre-Pharmacy

 Pharmacy Technician Certification Board

Certified Pharmacy Technician (CPhT) – 6 Years

[linuxgamenews]

Dull Grey emotional story due to unfold onto Linux

Dull Grey visual novel game about growing up is due to get a port for Linux with Windows PC. Thanks to details from developer Provodnik Games. Having just released on Steam. Provodnik Games have released its interactive drama Dull Grey on Windows PC. Which is an award winning visual novel about growing up. This can now take on a whole new audience of story game fans. But we do have formal confirmation that a Linux build is in the works as well.

Yeah, I have such plans. Need to make a research first, but, I think Linux support will be available before the end of this year.

This statement is outlined in the Discussions post. Provodnik Games also reached out via email explaining that plans are in the works. However, Dull Grey is written for HTML5 and then put into a standalone application with help of ElectronJS. Which explains the research aspect. However, what's impressive. The game is already doing very well on consoles (Xbox One and PS4). So I'm hoping for a solid part on Linux as well.

Dull Grey - Steam Launch Trailer

Inspired by the visual style of early 20th Century Soviet art. The story works of Russia's finest storytellers. Dull Grey lets players experience the emotional story of a mother and son. Also the concept of free will and the search for happiness in a bleak retro futuristic world. All controlled by the robotic Progress program. Players will be making the same choice again and again. Should the son become a lamplighter or a tallyman? All through an unusual binary choice mechanic that leads to an unexpected multitude of endings. There is also secret content to discover. Dull Grey is a dramatic visual novel like no other. Since the design is to experience the game through multiple playthroughs. Can players lead the son to happiness and see his story unfold in full colour? Roman Vlasov, co-founder of Provodnik Games said: "The release on consoles was an unexpected and exciting adventure. Now we feel that our game is coming to the store where it really belongs. We can't wait for Steam players to get to know Dull Grey. And we hope that the game will resonate in their hearts." Dull Grey visual novel game about growing up releases on Windows PC. Due to arrive on Linux before the end of the year. Available on Steam, priced $4.99 USD, £3.99, €3.99, 175 руб.

[laravelvuejs]

ElectronJS - Vuetify - VueJS Desktop UI Design ,Watch Application Dashboard , with Carousel-3d

ElectronJS – Vuetify – VueJS Desktop UI Design ,Watch Application Dashboard , with Carousel-3d

In this tutorial we’ll learn How to design a Modern Watch application descktop multiplate forme with using electronjs and vuetify , vuejs and material design icons … source

[d4rabi]

[KKN WEEK-5] Kegiatan yang telah dilakukan: 1. Melakukan requirement dan analysis kebutuhan aplikasi desktop Mail Generator KUA Kec.Gunung Talang bersama kepala KUA Kec.Gunung Talang. 2. Pembuatan Frontend Mail Generator KUA Kec.Gunung Talang. menggunakan framework Materialize. 3. Pembuatan Backend Mail Generator KUA Kec.Gunung Talang. menggunakan ElectronJS. 4. Design asset yang akan digunakan di filter AR. 5. Pembuatan logic dan implementasi dengan Spark AR Studio. 6. Pembuatan reportase program 2 KKN. #p2kkn #lppmundip #kkntimiiundip2020 #kkntimiiperiode2020 #undip @sujiantountung https://www.instagram.com/p/CD0KV4nA94u/?igshid=x5mvr1f71671

[jsavalle-blog]

Some design work I did a couple of weeks ago for an app purposed as a replacement for notational velocity and which include integration to #nextcloud and basic markup. 😁 Desktop applications 🖥 are getting rare - as everything is now happening in the cloud ☁️ or on your phone 📱- so it was fun to design. Now of course, still need to build the app itself 👨‍💻... . . . #ux #ui #instagood #uxdesign #design #appdesign #electronjs #notetaking #app #tech #userexperience #productdesign #uiux #interface #electronjs #mac #digitaldesign #designers #entrepreneurs #work #ideation #creativity #dribbble https://www.instagram.com/p/BnBJDSIgY2M/?utm_source=ig_tumblr_share&igshid=85t16r7biv75

[prevajconsultants]

System Information (Apps)

System Information

System Information is fast, lightweight, advanced system information tool for your PC. See a quick summary, or dive deeper into every aspect of your PCs hardware so you can make informed upgrade and purchasing decisions. System Information build with Electronjs – Build cross platform desktop apps with JavaScript, HTML, and CSS & Vuejs – Frontend framework.

Features

Material Design.

Support 8 categories as OS, RAM, Graphics,....

Cross-platform.

Easy to use & edit.

Document

Document Online

Demo

lPvn5PnwS_UTH75QovKwmnLZuzrZat3u-214UfWHBfE”>Demo

from CodeCanyon new items http://ift.tt/2n1OAhu via IFTTT https://goo.gl/zxKHwc

[phungthaihy]

User Experience, User Interface, Firebase performance monitoring, & more! #AskFirebase [ad_1] Welcome to another episode of #A... #askfirebase #3dmodeling #adobe #adobeillustrator #adobexd #aftereffects #angular8 #angular8app #annieryan #askfirebase #autocad #blender #characteranimation #characterdesign #cloudfunctions #cloudrun #davideast #design #digitalpainting #drawing #electronangular8 #electronangular8app #electronjs #firebase #firebasedevelopers #firebaseperformancemonitoring #firebaseui #firebaseuserexperience #firebaseuserinterface #firebaseux #gdsyes #google #googledevelopers #graphicdesign #lighthouse #motiongraphics #photoshop #revit #uidesign #userexperience #userexperiencedesign #userinterface #uxdesign #webdesign #wordpress

[teclogiq]

If the terms make any sense, Mean Stack Development, Angular JS, NodeJS, ElectronJS, Ionic and NativeScript Development are some of the games we play and have been thoroughly enjoying them. They have become the nuts and bolts of the system that keeps us working late into the night.

[izicodes]

Hi, Hello! It’s me, Izzy and I am back from a very long break!

For those who don’t know who I am and just saw my post, I’m Isabelle but Izzy for short (and even shorter, Izi)! I run a Codeblr blog which I post about anything coding! I try to strictly only talk about coding, programming and computer science, but frankly, I ramble on about something else eventually! Hope you’re doing well!

Now, I know I said I wouldn't come back, but that was because I suddenly became stuck on what to post about and wanted to give myself a break and figure out how to do things on my blog and my online presence in general!

So, in summary, I am back from my break very inspired and eager to help more people get into programming / get better at programming! I will go on to talk about exactly what I have been doing during my break later on in this post, but wanted to say thank you to everyone who messaged me throughout the months and saw how I was! Very thought and extra blessings from God to you, please!

Working at my new-but-not-so-new job!

Yes! So, obviously, as a 21st Century girlie, I am working! Still at the music company that I started back in January! Now that I am 8 months into the job, I feel now I am fully immersed in the job and the projects and not feeling like an outsider! I went on multiple out-the-office events with the whole company and it was nice! Some I couldn’t attend because of religious reasons, but I still had fun! I got to meet a lot more girlies at my office that I don’t usually talk to (because I’m still the only girl in the frontend engineering team but there is a backend girlie but we don’t work close together so… distance)! Cheatingly, I am always ticking the box of “code every day”! However, work has made me do more UI/UX designing + frontend programming websites which I love! Always wanted to be both and not just one or the other! We are allowed to have 2 job titles, remember? (But make sure the salary is in accordance, of course, ~)

Learning new technologies! (for fun, obviously)

By “for fun” I mean personal reasons, the technologies I learnt on a whim were not for work but because I needed to learn them for personal projects I wanted to learn! I stress again; it’s more fun to learn something because you want to and not because you have to! So, I have been learning how to create desktop applications using ElectronJS and ReactJS (React has become my best friend!). Me now compared to me when I started my break is 10x smarter I feel like! My brain has definitely expanded somewhere…!

Latest project?!

Inspired by study productivity apps and wanting to track my Korean language progress, I am making a desktop application called ‘eStudySpace’! It would be my own personal app, but I want to see if I can actually pull something like this off! Right now I have not coded anything because I want to work on the design aspect first (which is smarter and a time saver in the future), so I have been on Figma for the last 2 weeks coming up with designs!

(It looks bad, I know this is like idea no.3287368 ugh...)

Miscs

I have been learning Korean for 4 months now. 

I have plans to move to a South-Eastern country, The Philippines? Singapore? Unsure!

I do have plans to switch to a new career but that’s more like 5 years into the future! But right now, I’m happy where I am at!